<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面！</title>
    <meta name="description" content="品优购JD.COM-专业的综合网上购物商城，销售家
    电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品、便捷、
    诚信的服务，为您提供愉悦的网上购物体验！"/>
    <meta name="keywords" content="网上购物，网上商城，手机，笔记本，电脑，MP3，CD，VCD，DV，相机，数码，配件，手表，存储卡，品优购"/>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shopcar.css">
    <script src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
    <!-- 顶部快捷导航start-->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li><a href="#">品优购欢迎您!&nbsp;&nbsp;</a></li>
                    <li><a href="login.html">请登录</a><a href="register.html" class="style-red">&nbsp;&nbsp;免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul class="shortcutItem">
                    <li><a href="#">我的订单</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">我的品优购</a>
                    </li>
                    <li class="spacer"></li>
                    <li><a href="#">品优购会员</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">关注品优购</a>
                        <i class="icomoon"></i>
                        <ul class="shortcutContent">
                            <li><a href='#'>企业购</a></li>
                            <li><a href='#'>工业品</a></li>
                            <li><a href='#'>礼品卡</a></li> 
                        </ul>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">客户服务</a>
                        <i class="icomoon"></i>
                        <ul class="shortcutContent">
                            <li><a href="#">帮助中心</a></li>
                            <li><a href="#">在线客服</a></li>
                            <li><a href="#">售后服务</a></li>
                        </ul>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">网站导航</a>
                        <i class="icomoon"></i>
                        <ul class="shortcutContent">
                            <li><a href="#">特色主题</a></li>
                            <li><a href="#">行业频道</a></li>
                            <li><a href="#">生活服务</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
     </div>
     <!-- 顶部快捷导航end -->
 
     <!-- header制作start -->
     <div class="header w">
         <!-- logo -->
         <div class="logo">
             <h1>
                 <a href="index.html" title="品优购">品优购</a>
             </h1>
         </div>
         <!-- search搜索框 -->
         <div class="search">
             <input type="text" placeholder="请输入搜索内容">
             <button>搜索</button>
         </div>
         <!-- 热词 -->
         <div class="hotwords">
                 <a href="#" class="style-red">优惠购首发</a>
                 <a href="#">亿元优惠</a>
                 <a href="#">9.9元团购</a>
                 <a href="#">每满99减10</a>
                 <a href="#">办公用品</a>
                 <a href="#">电脑</a>
                 <a href="#">通信</a>
         </div>
     </div>
     <!-- header制作end   -->
     <!-- 购物项模块 start -->
     <div class="shopcar_item w">
         <table align="center" cellspacing="0" cellpadding="0">
             <thead>
                 <tr>
                     <th><input type="checkbox" class="checkAll">全选</th>
                     <th>商品</th>
                     <th>单价</th>
                     <th>数量</th>
                     <th>小计</th>
                     <th>操作</th>
                 </tr>
             </thead>
             <tbody>
                <tr class="shop_item">
                    <td><input type="checkbox" class="checkone"></td>
                    <td>
                        <img src="upload/shopcar_one.jpg" alt="" title="洗衣机">
                       <a href="#" class="decr">LG洗衣机产品融合尖端技术和人性化需求,更有智能手洗、节能静音、高温除菌等贴心功能</a> 
                    </td>
                    <td class="oneprice">&yen;<i>1699.00</i></td>
                    <td>
                        <input class="sub" type="button" value="-">
                        <input class="count" type="text" value=1>
                        <input class="add" type="button" value="+">
                    </td>
                    <td class="allprice">&yen;<i>1699.00</i></td>
                    <td>
                        <a href="javascript:;" class="deleteOne">删除</a>
                    </td>
                </tr>
                <tr class="shop_item">
                    <td><input type="checkbox" class="checkone"></td>
                    <td>
                        <img src="upload/shopcar_two.jpg" alt="" title="垃圾桶">
                        <a href="#" class="decr">垃圾桶，采用红外线感应技术，响应快、感应强</a>
                    </td>
                    <td class="oneprice">&yen;<i>20.00</i></td>
                    <td>
                        <input class="sub" type="button" value="-">
                        <input class="count" type="text" value=1>
                        <input class="add" type="button" value="+">
                    </td>
                    <td class="allprice">&yen;<i>20.00</i></td>
                    <td>
                        <a href="javascript:;" class="deleteOne">删除</a>
                    </td>
                </tr>
                <tr class="shop_item">
                    <td><input type="checkbox" class="checkone"></td>
                    <td>
                        <img src="upload/shopcar_three.jpg" alt="" title="电风扇">
                        <a href="#" class="decr">电风扇引进了自动绕线机、自动嵌线机之类的自动生产设备另外特有的工艺，优质的材料</a>
                    </td>
                    <td class="oneprice">&yen;<i>105.80</i></td>
                    <td>
                        <input class="sub" type="button" value="-">
                        <input class="count" type="text" value=1>
                        <input class="add" type="button" value="+">
                    </td>
                    <td class="allprice">&yen;<i>105.80</i></td>
                    <td>
                        <a href="javascript:;" class="deleteOne">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>
                      <input type="checkbox" class="checkAll">全选
                    </td>
                    <td>
                        <a href="javascript:;" class="deleteSome">删除选中商品</a>&nbsp;&nbsp;&nbsp;
                        <a href="javascript:;" class="deleteAll">清理购物车</a>
                    </td>
                    <td>
                        
                    </td>
                    <td>
                        已经选中<i class="allcount">3</i>件商品  
                    </td>
                    <td>
                        总价：&yen;<i class="total">2004.80</i>
                    </td>
                    <td>
                        <button class="charge">结算</button>
                    </td>
                </tr>
             </tbody>
         </table>
           
     </div>
     <!-- 购物项模块 end -->
     <script src="js/common.js"></script>
     <script src="js/shopcar.js"></script>
</body>
</html>